.{$slider-prefix}
  padding 10px 5px
  .{$slider-prefix}
    &-container
      position relative
      height 10px
    &-line, &-track
      position absolute
      left 0
      right 0
      top 50%
      transform translateY(-50%)
      height 5px
    &-line
      background-color $gray4-color
    &-track
      right 100%
      background-color $primary-color
    &-node
      position absolute
      top -3px
      left 0
      width 16px
      height 16px
      margin-left -8px
      background-color $primary-color
      border-radius 50%
      transform scale(.8)
      transition box-shadow, transform .2s ease-in-out
      cursor pointer
      cursor -webkit-grab
      user-select none
      &:hover
        transform scale(1.1)
      &-dragging
        box-shadow 0 0 0 2px rgba($primary-color, .2)
        transform scale(1.1)
        cursor -webkit-grabbing
